<!DOCTYPE html>
<html class="coverhtml">
<head>
<title>Modern Sky Festival 2018</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="../css/global.css" rel="stylesheet" type="text/css" media="all">
<link href="../css/main.css" rel="stylesheet" type="text/css" media="all">
<link media="screen and (min-width:1000px)" rel="stylesheet" type="text/css" href="../css/mainsreen.css">
<!-- <link href="css/video-js.min.css" rel="stylesheet"> -->
<!-- build:css css/iconfont-festival.css -->
<link href="../css/iconfont-festival.css" rel="stylesheet">

<script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="../js/html5media.min.js" type="text/javascript"></script>
</head>

<body class="coverbody">
	<div id="wrap" class="wrap">
        <div class="goback"><a href="../index.html"><img src="../images/goback.png"/></a></div>
	    <div class="videobox" style="text-align: center;">
            <img src="../images/toronto_video.jpg" style="width: 100%;" />
            <div class="mvideo">
                <video poster="../images/toronto_video.jpg" style="width: 100%; height: 100%;" controls preload autoplay loop> 
                    <source src="../video/ss3.mp4" media="only screen and (min-device-width: 568px)"></source> 
                    <source src="../video/ss3.mp4" media="only screen and (max-device-width: 568px)"></source> 
                    <source src="video.webm"></source> 
                    <!-- <source src="video.iphone.mp4" media="only screen and (max-device-width: 568px)"></source> 
                    <source src="video.webm"></source>  -->
                </video>
              <!-- <video style="width: 100%; height: 100%;" controls autoplay loop>
                  <source src="video/ss1.mp4" type="video/mp4">
                  <source src="ss1.ogg" type="video/ogg">
                  您的浏览器不支持 video 标签。
              </video> -->
            </div>
        </div>
        <div class="main">
            <ul class="nyc-btn">
                <li><a href="#lineup">Lineup</a></li>
                <li><a href="#festival">Festival Info</a></li>
                <li><a href="#schedule">Schedule</a></li>
            </ul>
            <ul class="nyc-btn">
                <li><a href="#map">Map</a></li>
                <li><a href="#connect">Connect</a></li>
                <li><a href="#partners">Partners</a></li>
            </ul>
            <h3 class="detail-title" id="lineup">LINEUP</h3>
            <ul class="singer-list">
                <li><span></span><b>Dynamic Duo</b><a href="duo-detail.html"><img src="../images/artist/nyc-DYNAMIC DUO @1.5x.png"/></a></li>
            	<li><span></span><b>Tizzy T</b><a href="TizzyT-detail.html"><img src="../images/artist/nyc-TT@2x.png"/></a></li>
                <li><span></span><b>Yao 13</b><a href="yao-detail.html"><img src="../images/artist/nyc3.png"/></a></li>
            	<li><span></span><b>Erbai</b><a href="erbai-detail.html"><img src="../images/artist/nyc4.png"/></a></li>
            	<li><span></span><b>Bohan Phoenix</b><a href="Bohan-detail.html"><img src="../images/artist/nyc5.png"/></a></li>
            	<li><span></span><b>Sunset Rollercoaster</b><a href="Sunset-detail.html"><img src="../images/artist/nyc6.png"/></a></li>
                <li><span></span><b>Se So Neon</b><a href="sesoneon-detail.html"><img src="../images/artist/nyc7.png"/></a></li>
                <li><span></span><b>Calvin Love</b><a href="calvin-detail.html"><img src="../images/artist/Calvin-love@2x.png"/></a></li>
                <!-- <li><span></span><b>Kim Taylor</b><a href="Kim-detail.html"><img src="images/artist/opacity_bg.png"/></a></li> -->
            </ul>
            <div class="detail-module">
            	<h3 id="festival"><b></b>Festival Info</h3>
            	<div class="detail-mcont">
                    <div class="mcont-show">
                	    <p>Modern Sky Festival Toronto debuts at RBC Echo Beach on September 23, 2018. Dynamic Duo 다이나믹 듀오, Tizzy T, Yao 13 尧十三 with Erbai 贰佰 + Special Guest, Bohan Phoenix (Live) + Special Guest, Sunset Rollercoaster 落日飞车, Se So Neon 새소년 and Calvin Love are all set to perform.</p>
                	    <div class="entry-btn"><a href="activity-detail.html">More</a> <span class="iconfont icon-rightarrow"></span></div>
                    </div>
            		<div class="opacity-bg"></div>
            	</div>
            </div>
            <div class="detail-module">
                <h3 id="schedule"><b></b>Schedule</h3>
                <div class="detail-mcont">
                    <div class="mcont-show">
                        <ul class="schedule-list">
                            <li>
                                <a>
                                    <strong>3:00 PM</strong>
                                    <span>DOORS </span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="sesoneon-detail.html">
                                    <strong>3:30 PM</strong>
                                    <span>SE SO NEON </span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="Sunset-detail.html">
                                    <strong>4:15 PM</strong>
                                    <span>SUNSET ROLLERCOASTER</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="calvin-detail.html">
                                    <strong>5:05 PM</strong>
                                    <span>CALVIN LOVE</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="Bohan-detail.html">
                                    <strong>5:55 PM</strong>
                                    <span>BOHAN PHOENIX</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="yao-detail.html">
                                    <strong>6:55 PM</strong>
                                    <span>YAO 13</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="TizzyT-detail.html">
                                    <strong>7:55 PM</strong>
                                    <span>TIZZY T</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                            <li>
                                <a href="duo-detail.html">
                                    <strong>9:00 PM</strong>
                                    <span>DYNAMIC DUO</span>
                                    <i class="iconfont icon-arrowright"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
            </div>
            <div class="detail-module">
                <h3 id="map"><b></b>Map</h3>
                <div class="detail-mapcont">
                    <div class="mapcont-show">
                        <div class="toro-ga"></div>
                        <div class="toro-vip1"></div>
                        <div class="toro-vip2"></div>
                        <div class="toro-vip3"></div>
                        <div class="toro-allaccess"></div>
                        <div class="toro-allaccess1"></div>
                        <div class="toro-guestlist"></div>
                        <div class="toro-stage"></div>
                        <img src="../images/toronto_map_new.png" class="myc-map" />
                    </div>
                </div>
                <ul class="mapbtnlist">
                    <li><a class="mapbtn-GA">GA</a></li>
                    <li><a class="mapbtn-ACCESS">ALL ACCESS</a></li>
                    <li><a class="mapbtn-VIP">VIP</a></li>
                    <li><a class="mapbtn-STAGE">STAGE</a></li>
                </ul>
            </div>
            <div class="detail-module">
                <h3 id="connect"><b></b>Connect</h3>
                <div class="detail-mcont">
                    <div class="mcont-show">
                        <ul class="connect-list">
                            <li>
                                <p><b></b><a href="http://modernskyusa.com/">MODERN SKY USA WEBSITE</a></p><p><a href="http://modernskyfestivaltoronto.com/">MODERN SKY FESTIVAL TORONTO WEBSITE</a></p><p><a href="https://www.facebook.com/events/247894416039648/">FACEBOOK EVENT</a></p>
                            </li>
                        </ul>
                        <div class="share-box">
                            <a href="https://www.facebook.com/modernskyentertainment/"><img src="../images/icon-Facebook@2x.png" /></a>
                            <a href="https://twitter.com/modernskyent"><img src="../images/icon-Twitter@2x.png" /></a>
                            <a href="https://www.instagram.com/modernskyent/?hl=en"><img src="../images/icon-Instagram@2x.png" /></a>
                            <a class="QRCode"><img src="../images/icon-wechat@2x.png" /></a>
                        </div>
                    </div>
                    <div class="opacity-bg"></div>
                </div>
            </div>
            <div class="detail-module">
                <h3 id="partners"><b></b>Partners</h3>
                <div class="detail-partners">
                    <ul class="cocolaw">
                        <li>
                            <p>Platinum Sponsor</p>
                            <a href="https://www.seetorontonow.com/"><img src="../images/toronto-sponsor@3x.png"/></a>
                        </li>
                        <li>
                            <p>Official Travel Agent</p>
                            <a><img src="../images/NYC-joytrav-3@3x.png"/></a>
                        </li>
                    </ul>
                    <h2>Silver Sponsor</h2>
                    <div class="silversponsor"><a href="https://www.alethea.flowers/" class="col35"><img src="../images/toronto-silver sponsor@2x.png"/></a><a class="col20"><img src="../images/toronto-CAE@2x.png"/></a></div>
                    <h2>Media & Marketing Partners</h2>
                    <div class="mediapartners"><img src="../images/toronto-Media & Marketing Partners@2x.png"/></div>
                </div>
            </div>
            <div class="stance"></div>
        </div>
        <div class="backTop backtop-toronto" id="backTop"><a><img src="../images/icon-backtop.png"/></a></div>
        <div class="ticketsfixed"><a href="http://www.ticketmaster.ca/event/100054E9D8525FC9">GET TICKETS</a></div>
    </div>
    <script type="text/javascript">
    /*弹层*/
    $(function(){   
        $(".mapbtn-GA").click(function(){ 
            //dialog("popup");
            $("#pop1").show();
        });
        $(".mapbtn-VIP").click(function(){ 
            //dialog("popup");
            $("#pop2").show();
        });
        $(".mapbtn-ACCESS").click(function(){ 
            //dialog("popup");
            $("#pop3").show();
        });
        $(".food,.foodrt,.foodfdc").click(function(){ 
            //dialog("popup");
            $("#pop4").show();
        });
        $(".mapbtn-STAGE").click(function(){ 
            //dialog("popup");
            $("#pop5").show();
        });
        $(".QRCode").click(function(){ 
            //dialog("popup");
            $("#pop6").show();
        });
        $(".icon-close").click(function(){ 
            //dialog("popup");
            $("#pop1,#pop2,#pop3,#pop4,#pop5,#pop6").hide();
        });
        //首先将#back-to-top隐藏
        $("#backTop").hide(); 
        //当滚动条的位置处于距顶部200像素以下时，跳转链接出现，否则消失
        $(window).scroll(function(){
            if ($(window).scrollTop()>400){
                $("#backTop").fadeIn();
            }else{
                $("#backTop").fadeOut();
            }
        });
        
        //当点击跳转链接后，回到页面顶部位置
        $("#backTop").click(function(){
            $('body,html').animate({scrollTop:0},500);
            return false;
        });
    })
    </script>

    <div class="mask" id="pop1">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>General Admission</b></h2>
                <ul class="ulga ulga-mbig">
                    <li><span>$59</span> – Early Bird</li>
                    <li><span>$69</span> – Advance</li>
                    <li><span>$79</span> – Day Of</li>
                </ul>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop2">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>VIP</b></h2>
                <ul class="ulga">
                    <li><span>$159</span> – Early Bird</li>
                    <li><span>$169</span> – Advance</li>
                    <li><span>$179</span> – Day Of</li>
                </ul>
                <div class="popinclude">
                    <h3>VIP Package includes: </h3>
                    <p>• VIP Experience (includes seating, food, open bar*)</p>
                    <p>• Official Festival merch</p>
                    <p>• VIP Laminate</p>
                    <p>• VIP Express Line Entry/Exit</p>
                    <p>*Open bar: wine, beer, and soft drinks</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop3">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i><b><tt></tt>All Access VVIP</b></h2>
                <ul class="ulga">
                    <li><span>$249</span> – Early Bird</li>
                    <li><span>$259</span> – Advance</li>
                    <li><span>$269</span> – Day Of</li>
                </ul>
                <div class="popinclude">
                    <h3>All Access Package includes: </h3>
                    <p>• Premium Front-of-stage access for all performances</p>
                    <p>• Premium VVIP Experience (includes seating, food, open bar*) </p>
                    <p>• Limited Edition Fest boxset </p>
                    <p>• Official Festival merch</p>
                    <p>• ALL ACCESS Laminate</p>
                    <p>• Private ALL ACCESS Entry/Exit</p>
                    <p>*Open bar: wine, beer, and soft drinks</p>
                    <h3>Note: </h3>
                    <p>ALL ACCESS includes access to front-of-stage area, VVIP Experience, and general audience areas of festival only, not back-stage.</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop4">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i>FOOD & DRINK</h2>
                <div class="popinclude">
                    <h3>All Access Package includes: </h3>
                    <p>Premiyum Front-of-stage access for all performances, Premium VVIP Experience (includes seating, catered food experience, open bar*), Limited Edition Fest boxset, Official Festival merch, ALL ACCESS Laminate**, Private ALL ACCESS Entry/Exit*Open bar: wine, beer, and soft drinks</p>
                    <h3>Note: </h3>
                    <p>ALL ACCESS includes access to front-of-stage area, VVIP Experience, and general audience areas of festival only, not back-stage.</p>
                </div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop5">
        <div class="pop">
            <div class="pop-cont">
                <h2><i></i>Schedule</h2>
                <ul class="stagelist">
                    <li><b></b><span>3:00 PM</span> DOORS </li>
                    <li><b></b><span>3:30 PM</span> SE SO NEON</li>
                    <li><b></b><span>4:15 PM</span> SUNSET ROLLERCOASTER </li>
                    <li><b></b><span>5:05 PM</span> CALVIN LOVE</li>
                    <li><b></b><span>5:55 PM</span> BOHAN PHOENIX</li>
                    <li><b></b><span>6:55 PM</span> YAO 13</li>
                    <li><b></b><span>7:55 PM</span> TIZZY T</li>
                    <li><b></b><span>9:00 PM</span> DYNAMIC DUO</li>
                </ul>
                
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
    <div class="mask" id="pop6">
        <div class="pop">
            <div class="pop-cont">
                <div class="QRCodebox"><img src="../images/QRCode.png" /></div>
            </div>
            <div class="close-box"><i class="iconfont icon-close"></i></div>
        </div> 
    </div>
</body>
</html>
